<template>
	<el-container>
		<Header></Header>
		<el-main>
			<!--登陆提示-->
			<el-card>
				<el-form :model="userInfo" status-icon class="demo-ruleForm">
					<el-form-item label="手机号" prop="tel">
						<el-input type="password" v-model="userInfo.tel" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="密码" prop="checkPass">
						<el-input type="password" v-model="userInfo.password" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item>
						<el-row>
							<el-col :span="14" push="2">
								<el-button type="primary" @click="login">提交</el-button>
							</el-col>
							<el-col :span="10" :push="1">
								<el-link type="primary" disabled>忘记密码？</el-link>
							</el-col>
						</el-row>
					</el-form-item>
				</el-form>
			</el-card>
		</el-main>
		<el-footer>
			<Footer v-if="false"></Footer>
		</el-footer>
	</el-container>
</template>

<script>
	import Footer from "@/components/Footer";
	import Header from "@/components/Header";
	export default {
		name: 'Login',
		components: {Header, Footer},
		data() {
			return{
				userInfo:{
					tel: '',
					password:''
				}
			}
		},
		methods:{
			//登陆方法
			login() {
			
			},
		}
	}
</script>

<style scoped>
	.el-container {
		width: 400px;
		height: 600px;
		border: 1px solid black;
		margin: auto;
		background-color: #ffffff;
	}
	
	.el-card {
		/*width: 100%;*/
	}
</style>